<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es_ES" lang="es_ES" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
		<title>Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</title>
	
		<meta name="author" content="Runroom http://www.runroom.com" />
		<meta name="language" content="es_ES" />
		<meta http-equiv="content-style-type" content="text/css" />
		<meta http-equiv="content-script-type" content="text/javascript" />
		<meta name="robots" content="index,follow" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />

		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

		<!-- hojas de estilo //-->
<!-- 
		<link media="all" rel="stylesheet" href="css/pre-v3.css">
 -->
		<link media="all" rel="stylesheet" href="css/styles.css" />
		<link media="all" rel="stylesheet" href="css/custom.css" />
		<link media="all" rel="stylesheet" href="css/qp-v3.css" />

		<!-- conditional comment: CSS para Explorer 7 y menor //-->
			<!--[if lte IE 7]>
				<link rel="stylesheet" href="css/ie7menos.css" />
			<![endif]-->
	
		<!-- incluir scripts //-->
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/jquery.periodicalupdater.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=ABQIAAAAzClpJywkGASi3cdCCxdvnBRyVQWqmkHGDTi57WK1YtyDytrQIhQNeQ5HGi7cnaGyd90vRPydCOgxrA&amp;sensor=false&amp;language=es_ES&amp;v=3.1&amp;region=ES"></script>
		<script type="text/javascript" src="js/json2.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/locationSelector.js"></script>
		<script type="text/javascript" src="js/jquery.flip.min.js"></script>
		<script type="text/javascript" src="js/jquery.countdown.js"></script>
		<script type="text/javascript" src="js/jquery.countdown-es_ES.js"></script>
		<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
		<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
		<script type="text/javascript" src="js/localscroll.js"></script>
		<script type="text/javascript" src="js/jquery.curvycorners.min.js"></script>
		<script type="text/javascript" src="js/jquery.fullscreenr.js"></script>	
		<script type="text/javascript" src="js/qp_tabs.js"></script>
		<script type="text/javascript" src="js/jquery.Jcrop.min.js"></script>
		<script type="text/javascript" src="js/fileuploader.js"></script>
		<script type="text/javascript" src="js/s3Capcha.js"></script>
		<script type="text/javascript" src="js/feeds.js"></script>
		<script type="text/javascript" src="js/feeds_home.js"></script>
<!-- 
		<script type="text/javascript" src="js/headerscripts.js"></script>
 -->
		<!-- end incluir scripts //-->

	</head>
	
	<body>
		<a name="top"></a>
		<div id="fb-root"></div>
	
		<noscript>
			<div id="aviso_js">
				<p>Lo sentimos, pero esta web sólo funciona con Javascript activado.</p>
			</div>
		</noscript>

		<!-- conditional comment: aviso para Explorer 6 y menor //-->
			<!--[if lte IE 6]>
				<div id="aviso_ie">
					<p><strong>Hemos detectado que utilizas Internet Explorer 6</strong>, un navegador obsoleto, con problemas de seguridad y compatibilidad conocidos.</p>
					<p>Recomendamos que actualices tu navegador <a href="http://www.browserchoice.eu">en la web de browserchoice.org, haciendo clic aquí</a></p>
				</div>
			<![endif]-->

		<div class="header">
			<div class="session-links">
				<a title="Accede a tu cuenta Qporama" href="registro">Inicia sessión</a>
				<a title="Crea una cuenta Qporama" href="registro">Regístrate</a>
			</div> <!-- / .social-links -->	
			
			<div class="social-links">
				<a title="Visita la página Facebook de Qporama" class="facebook" href="facebook"><span>facebook</span></a>
				<a title="Visita la página Twitter de Qporama" class="twitter" href="twitter"><span>twitter</span></a>
			</div> <!-- / .social-links -->	
	
	
			<h2 class="logo_claim">
				<a class="logo" name="top" title="volver a la página de inicio" href="index.html">
					<span class="hidden">Qporama: Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</span>
				</a>
			</h2>
			<h1 class="claim">
				Conecta con tus <strong>marcas</strong> favoritas y <br />accede a <strong>regalos</strong> y ofertas <strong>exclusivas</strong>
			</h1>
		</div> <!-- / .header -->
	
		<div class="fondo-pagina" style="background: url(css/css_images/fondo-home-beige.jpg);">
			<div class="gradient">&nbsp;</div>
		</div>



		<div class="buscar">
			<form action="#" method="get">
				<p class="fondo-input-buscar l"><input type="text" id="buscar" value="Busca un negocio o una oferta" /></p>

				<ul class="fondo-select selecciona-categoria">
					<li class="catselector-link" onclick="$('#CatSelector').slideToggle('fast');">Selecciona una categoría
						<ul id="CatSelector">
							<li><a title="Moda y Complementos" href="#">Comer y beber</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
						</ul>
					</li>
				</ul>

				<p class="fondo-select l" style="position: relative; left: -2px; z-index: 0;"><input type="text" id="location_selector_ciudad" value="Barcelona" /> <small><a id="location_selector_ciudad_cambiar" href="javascript:;">[cambiar]</a></small></p>
				<p class="boton secundario grande l"><input type="submit" value="buscar" /></p>
			</form>
		</div> <!-- cerrar buscar //-->

<!-- aqui empieza el div class="page -->

<div class="page">
		
<!-- columna de contenido lateral //-->
		<div class="c-320">

			<!--  TODO: hay 4 clases de tarjetas: default, member, premium, vip -->
			<div id="tarjeta" class="vip">
				<div id="front" style="background: url(images/custo/tarjeta/tarjeta_front.jpg) 0 0 no-repeat;">
					<div class="t-content">
						<div class="t-anunciante">
							<div class="t-anunciante-logo" style="background: url(images/custo/tarjeta/tarjeta_logo.png) 0 0 no-repeat;"></div>

							<h5 class="t-anunciante-nombre">Pans & Fans <span>Barcelona</span></h5>
						</div> <!-- cerrar t-anunciante //-->
						<div class="t-usuario">
							<div class="estrella"></div>
							<p class="t-usuario-nombre">Maria Ángeles Herrera Coronado</p>
							<p class="t-usuario-status"><span>Member</span></p>
						</div> <!-- cerrar t-anunciante //-->
					</div> <!-- cerrar t-content //-->
				</div> <!-- cerrar front //-->
				<div id="back">
					<div class="t-content">
						<p class="t-number l50">123456789-10</p>
						<p class="peque r50 loyaltylink"><a href="loyalty.html">[Cómo consigo puntos]</a></p>

						<div class="popup">
							<div class="row member"><div class="estrella"></div><p class="pqarial"><span class="numero">&nbsp;</span>por conectarte <span class="tick"></span></p></div>
							<div class="row premium"><div class="estrella"></div><p class="pqarial"><span class="numero">100</span> puntos<span class="tick"></span></p></div>
							<div class="row vip"><div class="estrella"></div><p class="pqarial"><span class="numero">200</span> puntos<span class="tick"></span></p></div>
						</div>
			
						<p class="micro">Grand Hotel Central Barcelona</p>
			
					</div> <!-- cerrar t-content //-->
				</div>
				<div id="info">i</div>	<div id="volver">&lt;</div>		
				<div class="marco"><span class="resplandor"></span></div>
				
				<div class="qporama-connect">
					<p><a href="#">conécta a esta tarjeta</a></p>
				</div>

				<!--div class="puntos-acumulados">
					<p>tienes <span class="num-puntos">152</span> puntos</p>
				</div//-->

			
				<!-- COMPARTIR //-->
				<p class="sharetrigger small" onclick="$('#st-tarjeta').fadeIn('slow');"><a href="#"><span>[compartir]</span></a></p>
				<!-- tooltip element -->
					<div class="sharetip" id="st-tarjeta">
						<div class="caja c140 fl-arriba der">
							<div class="content">
								<p><small class="soft">Comparte esta tarjeta</small></p>
								<div class="shareoptions">
								<!-- AddThis Button BEGIN -->
									<div class="addthis_toolbox"> <!-- addthis_default_style" -->
										<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" adthis:url="" addthis:title=""></a></p>
										<p><a class="addthis_button_tweet" tw:count="horitzontal" adthis:url="" addthis:title=""></a></p>
										<p><a class="addthis_button_googlebuzz" adthis:url="" addthis:title="">Google BUZZ</a></p>
										<p><a class="addthis_button_email" adthis:url="" addthis:title="" href="#">enviar e-mail</a></p>
									</div>
									<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
									<!-- AddThis Button END -->
											
								</div> <!-- cerrar shareoptions //-->
							</div>
							<div class="cierre"></div>
						</div> <!-- cerrar caja //-->
					</div> <!-- cerrar sharetip //-->
				<!-- CERRAR COMPARTIR //-->
			</div> <!-- cerrar #tarjeta //-->

		</div> <!-- cerrar columna de 320px de ancho //-->


<!-- columna de contenido principal //-->
		<div class="c-620">

	<!-- caja de cabecera de contenido. puede variar en cada pagina //-->
			<div class="caja c620 f1f1f1 unido-top">
				<div class="content">
					<h2 class="titulo-principal">Pans &amp; Fans</h2>
					<p class="soft">Barcelona <small><a href="#mapa">[ver mapa]</a></small></p>
				</div>
				<div class="cierre"></div>
			</div> <!-- cerrar caja //-->


	<!-- caja oferta fondo blanco //-->
		<div class="caja c620 unido-bot">
			<div class="content">

				<div class="scroll">
					<div class="pics">
						<div><img src="http://qporama-eu.s3.amazonaws.com/development/coupons/283/photo_qpon0_bigthumb_1269518264.png" alt="" /><span class="cornersfff"></span></div>
						<div><img src="http://qporama-eu.s3.amazonaws.com/development/coupons/283/photo_qpon1_bigthumb_1269343752.png" alt="" /><span class="cornersfff"></span></div>
					</div>
				</div> <!-- cerrar scroll //-->

				<div class="ofertacontent">
					<h1 class="oferta">2x1 Pans&Company. Llévate tu segundo bocadillo gratis.</h1>

					<div class="price-buy">
						<p class="price">
							<span class="desde">desde</span>
							<strong>3 €</strong>
						</p>
						<div class="buy">
							<p class="boton primario grande">
								<a href="javascript:;" class="checkout_trigger">compra ya</a>
							</p>
							<!--p>
								<a ><img class="checkout_trigger" src="css/css_images/bot-compra_ya-es.png" alt="compra ya" />
							</p-->
						</div> <!-- cerrar buy //-->
					</div> <!-- cerrar price_buy //-->

				<div class="counter-discount">
					<div class="contador">
						<div id="defaultCountdown"></div>
						<small class="micro counter-title">la oferta caduca en:</small>
					</div> <!-- cerrar contador //-->

					<div class="discount">
						<div class="hasCountdown">
							<span class="countdown_row countdown_show3">
								<span class="countdown_section">
									<span class="countdown_amount">6 €</span><br />VALOR REAL</span>
								<span class="countdown_section">
									<span class="countdown_amount">50 %</span><br />DESCUENTO <small class="micro counter-title">HASTA</small></span>
								<span class="countdown_section">
									<span class="countdown_amount">3 €</span><br />AHORRO <small class="micro counter-title">HASTA</small></span>
							</span>
						</div>
					</div> <!-- cerrar discount //-->

				</div> <!-- cerrar counter-discount //-->

				<p class="oferta-detalles"><small>
					<strong>Detalles</strong><br />
					Paga uno y llevate dos, por el pago de cualquier bocadillo Pans&Company
					<br /><a href="#detalles-oferta">[leer más]</a></small>
				</p>

			</div> <!-- cerrar ofertacontent //-->

				<div class="clear">&nbsp;</div>

	<!-- COMPARTIR //-->
			<p class="sharetrigger small" onclick="$('#st-oferta').fadeIn('slow');"><a href="#">[compartir]</a></p>
	<!-- tooltip element -->
		<div class="sharetip" id="st-oferta">
			<div class="caja c140 fl-abajo">
				<div class="content">
					<p><small class="soft">Comparte esta oferta</small></p>
					<div class="shareoptions">
					<!-- AddThis Button BEGIN -->
						<div class="addthis_toolbox"> <!-- addthis_default_style" -->
							<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" adthis:url="" addthis:title=""></a></p>
							<p><a class="addthis_button_tweet" tw:count="horitzontal" adthis:url="" addthis:title=""></a></p>
							<p><a class="addthis_button_googlebuzz" adthis:url="" addthis:title="">Google BUZZ</a></p>
							<p><a class="addthis_button_email" adthis:url="" addthis:title="" href="#">enviar e-mail</a></p>
						</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
<!-- AddThis Button END -->
								
					</div> <!-- cerrar shareoptions //-->
				</div>
				<div class="cierre"></div>
			</div> <!-- cerrar caja //-->
			<!-- p class="thecloser"><a title="cerrar" class="close-comp" href="#"><span>cerrar</span></a></p //-->
		</div> <!-- cerrar sharetip //-->


			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->


		<!-- caja localizar establecimiento fondo blanco //-->
		<div class="caja c620">
			<div class="content">
				<div class="condiciones"> 
	<h4><strong class="peque">Condiciones</strong></h4>
	<div class="condiciones-bullits peque">
		<ul>
<li>Promoción válida sólo en locales</li><li>Pans&Company adheridos a la promoción</li>
<li>Sólo hay un cupón válido por usuario.</li>
<li>No acumulable a otras ofertas y promociones.</li>
</ul>
		<!--  HIDE DEFAULT CONTENT
		<ul>
		<li>No acumulable a otras ofertas.</li>
		<li>Imprescindible comunicar previamente que tienes un Qpon Qporama para canjear esta oferta.</li>
		<li>Cita previa: 912812725.</li>
		<li>Cupón no canjeable por dinero.</li>
		<li>Cupón únicamente canjeable por la compra del producto ofertado.</li>
		<li>Oferta hasta fin de existencias.</li>
		</ul>
		-->
	</div> <!-- cerrar condiciones-bullits.peque //-->
	<div class="cierre cierre-condiciones"></div>
</div> <!-- cerrar condiciones //-->				<h2 class="titulo-principal">Elige tu establecimiento</h2>
<h2 class="titulo-principal light">Tiendas físicas</h2>
<div class="cambia-ciudad">
	<p><span class="soft">Estás en</span> <input type="text" value="" id="location_selector_ciudad" />  <small><a id="location_selector_ciudad_cambiar" href="javascript:;">[cambiar]</a></small></p>
</div> <!-- cerrar cambia-ciudad //-->

<!-- google-map-widget //-->
<div id="listadoContainer">
	<input id="distance" value="15000" type="hidden" />
	<p><label for="address" class="xtrasoft">nombre/ barrio/ calle/ codigo postal:</label></p>
	<p class="fondo-input predictive" style="position: relative; left: -2px; z-index: 0;"><input id="address" value="" type="text" style="width: 240px;" /></p>
	<div id="listado"></div>
	<div id="moreBtn" name="moreBtn">ver más<span>&#8595;</span></div>
	<div class="contenedor-mapa">
		<div id="mapa"></div>
	</div>
</div>
<h2 class="titulo-principal light">Tienda on-line</h2>
<p><a href="javascript:;">www.pansandcompany.com</a></p>
<p><small>Aquí te explicamos como funciona el sistema con una tienda on-line ipsum dolor sit amet.</small></p>
<p><img src="images/custo/tienda-online.jpg" alt="Tienda online Custo Barcelona" class="screenshot" /></p>
				<div class="clear">&nbsp;</div>
			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
		</div>
		<!-- cerrar caja //-->


	<!-- caja detalle oferta fondo blanco //-->
		<div class="caja c620" id="detalles-oferta">
			<div class="content">
			
				<h2 class="titulo-principal">Detalle de la oferta</h2>
				<div class="descripcion">
				<p class="peque"></p>
					<!--  HIDE DEFAULT DESCRIPTION
					<p class="peque"><strong>Tratamiento con sales y barros del mar muerto.</strong> Descubre los poderes del Mar Muerto con este completo tratamiento de 75 min. que incluye peeling corporal con sales del Mar Muerto, envoltura con barros del Mar Muerto y masaje con aceite Equilibrante. Este tratamiento está especialmente indicado para después de exposiciones al sol, favorece la eliminación de toxinas, el drenaje y la desintoxicación de los tejidos. Sus múltiples minerales tienen efectos calmantes y relajantes además de nutritivos para la piel. Sigue tu tramiento en casa y cuidate con el ACEITE EQUILIBRANTE, alcanza la armonía de una belleza y salud integral.</p>
					<p class="peque"><object width="580" height="385"><param name="movie" value="http://www.youtube.com/v/RdAvxP1Xmzs?fs=1&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/RdAvxP1Xmzs?fs=1&amp;hl=es_ES" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="580" height="385"></embed></object></p>
					-->
					<div class="peque separar desc-condiciones"><p><strong>Condiciones</strong></p><ul>
<li>Promoción válida sólo en locales</li><li>Pans&Company adheridos a la promoción</li>
<li>Sólo hay un cupón válido por usuario.</li>
<li>No acumulable a otras ofertas y promociones.</li>
</ul></div>
					
					<div class="buy">
							<p class="boton primario grande">
								<a href="javascript:;" class="checkout_trigger">compra ya</a>
							</p>
						<!-- p>
						<a href="javascript:;" class="checkout_trigger"><img  src="css/css_images/bot-compra_ya-es.png" alt="compra ya" /></a>
						</p-->
					</div> <!-- cerrar buy //-->

				</div>

				<div class="clear">&nbsp;</div>
			</div> <!-- cerrar content //-->
			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->

			<div class="clear">&nbsp;</div>
		</div> <!-- cerrar columna de 620px de ancho //-->

		<div class="entera promos"></div> <!-- cerrar columna de 100% de ancho //-->		<div class="entera footer"></div> <!-- cerrar columna de 100% de ancho //-->
	</div><!-- cerrar page //-->
	<div id="gototop"><p><a href="#top">volver arriba</a></p></div>

</body>
</html>  